<template>
  <div>
    <div class="top">
      <i @click="url('/show')" class="iconfont icon-zuojiantou"></i>
      <van-search
        background="#fe3c35"
        shape="round"
        v-model="value"
        placeholder="输入商品名或粘贴宝贝标题搜索"
      />
    </div>
    <sidebar></sidebar>
  </div>
</template>

<script>
import "@/assets/icons/iconfont.css";
import { getClissify } from "@/api/clissify";
import sidebar from "./ui/sidebar.vue";
export default {
  components: {
    sidebar,
  },
  data() {
    return {
      value: "",
    };
  },
  async mounted() {
    let ret = await getClissify();
    // console.log(ret);
  },
  methods:{
    url( url ){
      this.$router.push(url);
    }
  }
};
</script>

<style lang="scss" scoped>
.top {
  width: 100%;
  height: 44px;
  background-color: #fe3c35;
  i {
    color: white;
    font-size: 18px;
    line-height: 44px;
    margin-left: 10px;
  }
  .van-search {
    //   float: right;
    height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    width: 93%;
  }
}
</style>